<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" type="text/css" href="/css/main.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" />
    <title>Index</title>
    
  </head>

  <body>
	<script></script>
  <div id="login-button" style="display:none;">
  	<button name="login" id="login" onclick="loginUser();">Login</button>
  </div>
  <div id="after-login" style="display:none">
  <div id="friends-widget" >
  	<div class="friends-widget-info fl" style="width:300px;">
  				<div class="friend-picture fl"></div>
  				<div class="fl" style="width:190px;padding-left:10px;">
  					<div class="friend-name" style="overflow:hidden;"></div>
  					<div class="friend-hometown"></div>
  					<div class="friend-current-location"></div>
  				</div>
  				<div class="cl">&nbsp;</div>
  	</div>
  </div>
  <div class="cl">&nbsp;</div>
	<div id="friends-widget-pagination">
		<div class="fl page_links">
			<button id="fwp-prev" onclick="page_prev();return false;">prev</button>
		</div>
		<div class="fl page_links" id="fwp-count"></div>
		<div class="fl page_links" >
			<button id="fwp-next" onclick="page_next();return false;">next</button>
			</div>
			<div class="cl">&nbsp;</div>
	</div>
  </div>
  <div id="fb-root"></div>
  <script src="/js/main.js" ></script>
  <script>    
    (function() {
      var e = document.createElement('script');
      e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
      document.getElementById('fb-root').appendChild(e);
    }());
  </script>
  </body>
</html>
